<p
  [style.color]="
    (connected$ | async) ? 'var(--ion-color-' + rendering.color + ')' : 'gray'
  "
  [style.font-size]="size"
  [style.font-style]="style"
  [style.font-weight]="weight"
>
  {{ (connected$ | async) ? rendering.display : 'Unknown' }}

  <span
    *ngIf="
      rendering.display === PR[PS.Stopping].display &&
      (sigtermTimeout | durationToSeconds) > 30
    "
  >
    this may take a while
  </span>

  <span *ngIf="installProgress">
    <ion-text
      *ngIf="installProgress | installProgressDisplay as progress"
      color="primary"
    >
      {{ progress }}
    </ion-text>
  </span>

  <span *ngIf="rendering.showDots" class="loading-dots"></span>
</p>
